import { useTranslation } from "react-i18next";
import styles from "./all.module.less";

function NotFound() {
    const { t } = useTranslation();

    return (
        <div className="absolute left-50% top-50% -translate-x-1/2 -translate-y-1/2 text-center">
            <h1 className={`${styles.animation} w-full text-6rem font-bold`}>404</h1>
            <p className="w-full text-20px font-bold mt-15px">{t("public.notFindMessage")}</p>
        </div>
    );
}

export default NotFound;
